$(document).ready(function(){
    var arr = [];       //纪录走过的格子编号
    var pos = null;    //纪录当前方向  10为上 -10为下 1为右 -1为左
    var currentpoint = null;
    /**
     * 每次经过有轮胎的点 就 把 该点
     * 标记 为  1  就是表示已经经过了
     * 当跑到结束位置的时候
     * 判断里面的  元素是否
     * 对应值都是 1 如果有为0 的
     * 就表示有点 没经过
     */
    var point={    
    	"74":0,
    	"61":0,
    	"57":0,
    	"32":0,
    	"15":0	
    };
    arr[0] = "11";
    var startFlag=false;
    $(".board ul li").click(function(){
        currentpoint = $(this).attr("title");
		
		  if(currentpoint==77){
         	
         	for(var h in point){         		
         		if(point[h]==0){
					 //没有集齐轮胎
                    $(".game_notfull").show();
         			return ;
         		}         		         		
         	}
		  }
		
		
        arr.push(currentpoint);
        pos = arr[arr.length-1] - arr[arr.length-2];
        
		var move=false;
        if(pos == 10){  //上移
            $(".game_car").animate({'top':'-=84px'});
            $(".go_top").animate({'top':'-=84px'});
            $(".go_bottom").animate({'top':'-=84px'});
            $(".go_left").animate({'top':'-=84px'});
            $(".go_right").animate({'top':'-=84px'});
            $(this).css('background','url(images/go_ready.png)');
            $(".game_car img").attr("src","images/game_car10.png");
            move=true;
        }
        else if(pos == 1){  //右移
            $(".game_car").animate({'left':'+=84px'});
            $(".go_top").animate({'left':'+=84px'});
            $(".go_bottom").animate({'left':'+=84px'});
            $(".go_left").animate({'left':'+=84px'});
            $(".go_right").animate({'left':'+=84px'});
            $(this).css('background','url(images/go_ready.png)');
            $(".game_car img").attr("src","images/game_car.png");
           move=true;
        }
        else if(pos == -1){  //左移
            $(".game_car").animate({'left':'-=84px'});
            $(".go_top").animate({'left':'-=84px'});
            $(".go_bottom").animate({'left':'-=84px'});
            $(".go_left").animate({'left':'-=84px'});
            $(".go_right").animate({'left':'-=84px'});
            $(this).css('background','url(images/go_ready.png)');
            $(".game_car img").attr("src","images/game_car-1.png");
            move=true;
        }
        else if(pos == -10){  //下移
            $(".game_car").animate({'top':'+=84px'});
            $(".go_top").animate({'top':'+=84px'});
            $(".go_bottom").animate({'top':'+=84px'});
            $(".go_left").animate({'top':'+=84px'});
            $(".go_right").animate({'top':'+=84px'});
            $(this).css('background','url(images/go_ready.png)');
            $(".game_car img").attr("src","images/game_car-10.png");
			move=true;
          
        }else{
        	arr.splice(arr.length-1,1);
        }
    	
		if(move){

 
			 $(".step p").text(arr.length);
			
			 if(typeof(point[""+currentpoint]) != "undefined"){  //如果是 经过轮胎的点
				point[""+currentpoint]=1;
				
			 }
			 
			 if(typeof(point[""+arr[arr.length-2]]) != "undefined"){  //如果上一步是  轮胎 把 上一步的 样式设置成 有轮胎
				 $("li[title='"+arr[arr.length-2]+"']").css('background','url(images/lun.png)');
			 }

			if(!startFlag){
            	startFlag=true;
            	startTime();
            }

         if(currentpoint==77){
         	//已经在开始的时候提示了不需要了
         	/*for(var h in point){         		
         		if(point[h]==0){
                    //没有集齐轮胎
                    $(".game_notfull").show();
         			return ;
         		}         		         		
         	}*/
         	if(arr.length>25){
                $(".board ul li").eq(6).removeClass("last_step").css('background','url(images/last.png)').find("img").remove();
                $(".game_fail").show();
                //超过最短路径步数
				restGame();
         		return ;
         	}
             
            // 闯关成功后跳转到挑战成功页面
            $(".board ul li").eq(6).removeClass("last_step").css('background','url(images/last.png)').find("img").remove();
            setTimeout(function(){
                document.location.href = "success.html?time="+$(".time p").text();            
            },1500);
         	return ;
         }

		}
		  
    	
    });
    
    //游戏开始，计时开始
    function startTime(){
    	var h=0;
    	window.timer=setInterval(function(){
    		h++;
    		$(".time p").text(h);
    	}, 1000);
    	
    }
    
    //游戏停止，计时结束
	function restGame(){
		$(".board ul li").unbind("click");
        clearInterval(window.timer); 
	}
    
});